import { useMatch } from "react-router-dom";
// 在 React Router 中，
// 如果你想要为动态路由添加正则表达式来进行更精细的匹配，
// 可以利用 matchPath 或 useMatch 钩子来实现。
// React Router 本身不直接支持正则表达式，
// 但你可以通过匹配模式和一些额外的代码来实现类似的效果。
function page2Son() {
  const match = useMatch("/page2/:id");
  console.log(match, "ssssss");
  // 你可以在这里添加额外的逻辑来处理正则表达式匹配
  if (match) {
    const { id } = match.params;
    // 处理 id，检查是否符合你的正则表达式
    if (/^\d+$/.test(id)) {
      return <div>有效的 ID: {id}</div>;
    } else {
      return <div>无效的 ID</div>;
    }
  }
}
export default page2Son;
